<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title>呼叫云</title>
    <link rel="shortcut icon" href="../img/logox_circle.png">
    <link rel="stylesheet" href="../css/pintuer.css">
    <link rel="stylesheet" href="../css/admin.css">
	<link rel="stylesheet" href="../css/t_img.css">
	<script src="../js/jquery-1.11.0.min.js"></script> 
	<script src="../js/fenye.js"></script>
	<script src="../js/config.js"></script>  
	<script src="../js/jquey-bigic.js"></script> 
	<script>
		$(function(){
			$("#showName").val("user2");
			$('img').bigic();
		});
		//textarea onfocus事件
		function noPrompt(){
			 $("#prompt").css("display","none");
		}
		//审核
		function toExamine(userID,status){
			if(status == 4){//审核不通过
				var verifyFailReason = $("#verifyFailReason").val();
				if(verifyFailReason!=""){
					location.href=serviceConfig.user.updateStatus+"?userID="+userID+"&status="+status+"&verifyFailReason="+verifyFailReason+"&examineType=1";
				}else{
					$("#prompt").css("display","");
				}
			}else if(status=='3'){//审核通过
				location.href=serviceConfig.user.updateStatus+"?userID="+userID+"&status="+status+"&examineType=1";
			}
		}
		//返回
		function goback(){
			var url='${url}';
			var goBackType = '${goBackType}';
			if(goBackType==0){//返回上一页
				location.href=history.go(-1);
			}else{
				location.href=serviceConfig.user.getCustomerUserList+url;
			}
		}
	</script>
</head>

<body>
<div class="lefter">
    <div class="logo"><a href="#" target="_blank"><img style="width:100%;" src="../img/logo3.png" alt="呼叫云后台管理系统" /></a></div>
</div>
<div class="righter nav-navicon" id="admin-nav">
    <div class="mainer">
        <div class="admin-navbar">
            <span class="float-right">
            	<span id="user_name"></span>
                <a class="button button-little bg-yellow" href="login">注销登录</a>
            </span>
            <#include "../common/head.ftl"> 
        </div>
        <div class="admin-bread">
            <ul class="bread">
                <li><a class="icon-user"> 用户管理</a></li>
                <li><a>个人用户</a></li>
				<li>用户详情</li>
            </ul>
        </div>
    </div>
</div>
<div class="admin">
	<a href="#" onclick="goback()"><<返回</a>
	<div class="line-big" style="margin-top:10px;">
            <div class="panel" style="width:90%;">
            	<div class="panel-head"><strong>个人用户详细信息</strong></div>
                <table class="table">
                    <tr>
                    	<td width="90" align="right">用户名：</td>
						<td width="300">${userMap.loginName}</td>
						<td width="90" align="right">姓名：</td>
						<td width="300">${userMap.name}</td>
					</tr>
					<tr>
						<td width="90" align="right">手机号码：</td>
						<td width="300">${userMap.phone}</td>
						<td width="90" align="right">微信号：</td>
						<td width="300">${userMap.weixin}</td>
					</tr>
					<tr>
						<td width="90" align="right">邮箱账号：</td>
						<td width="300">${userMap.email}</td>
						<td width="90" align="right">QQ账号：</td>
						<td width="300">${userMap.qqnum}</td>
					</tr>
					<tr>
						<td width="90" align="right">支付宝账号：</td>
						<td width="300">${userMap.zhifubao}</td>
						<td width="90" align="right">通话费用：</td>
						<td width="300">${userMap.callCost}</td>
					</tr>
					<tr>
						<td width="90" align="right">个人签名：</td>
						<td cosplan="3">${userMap.desc}</td>
					</tr>
					<tr>
						<td width="90" align="right">年龄：</td>
						<td width="300">${userMap.age}</td>
						<td width="90" align="right">性别：</td>
						<td width="300">${userMap.sex}</td>
					</tr>
					<tr>
						<td width="90" align="right">证件类型：</td>
						<td width="300">${userMap.idType}</td>
						<td width="90" align="right">证件号：</td>
						<td width="300">${userMap.idcardNum}</td>
					</tr>
					<tr>
						<td width="90" align="right">语言：</td>
						<td width="300">${userMap.language}</td>
						<td width="90" align="right">地址：</td>
						<td width="300">${userMap.address}</td>
					</tr>
					<tr>
						<td width="90" align="right">创建时间：</td>
						<td width="300">${userMap.createTime}</td>
						<td width="90" align="right">修改时间：</td>
						<td width="300">${userMap.updateTime}</td>
					</tr>
					<tr>
						<td width="90" align="right">个人擅长：</td>
						<td width="300">${userMap.cstag}</td>
						<td width="90" align="right">个人状态：</td>
						<td width="300">${userMap.statusStr}</td>
					</tr>
					<tr>
						<td width="90" align="right">个人简介：</td>
						<td  width="300">${userMap.introduce}</td>
						<td width="90" align="right">头像：</td>
						<td><a href="#" title="点击查看大图"><img style="width:150px;" src="${userMap.avatar}"/></a></td>
					</tr>
					<#if userMap.status==4 >
						<tr>
							<td width="90" align="right">认证失败原因：</td>
							<td  colspan = "3">${userMap.verifyFailReason}</td>
						</tr>
					</#if>
					<tr>
						<td style="height:200px;">证件照正面：</td>
						<td><a href="#" title="点击查看大图"><img style="width:150px;" src="${userMap.idPhoto}"/></a></td>
						<td>证件照反面：</td>
						<td><a href="#" title="点击查看大图"><img style="width:150px;" src="${userMap.idPhotoReverse}"/></a></td>
					</tr>
				</table>
            </div>
            <#if userMap.status==2 >
				<div class="form-group" style="padding-top:20px;width:90%;">
	                <div class="label"><label for="readme">审核不通过原因：</label></div>
	                <div class="field">
						<textarea id="verifyFailReason" onfocus="noPrompt()" class="input" rows="5" cols="50" placeholder="请填写审核不通过原因" ></textarea>
	                </div>
	            </div>
	            <div id="prompt" class="alert alert-yellow" style="width:90%;display:none;">不通过原因不能为空！</div>
				<div style="padding-top:20px;width:90%;text-align:center;">
	            	<a class="button bg-main" href="#" onclick="toExamine('${userID}','3')" style="margin-left:80px;"> 审核通过</a> 
	            	<a class="button border-main" href="#" onclick="toExamine('${userID}','4')" style="margin-left:80px;"> 审核不通过</a>
	            </div>
			</#if>					
    </div>
</div>
</body>
</html>